@import 'variables';
@import 'mixins';
/* CSS Document */
body,
button,
select,
textarea,
input,
label,
option,
fieldset,
legend {
    font-family: 微软雅黑E\8F6F\96C5\9ED1,Tahoma,Verdana;
    font-size: 0.12rem;
    line-height: 0.18rem;
    color: #444;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
legend,
input,
textarea,
button,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}
textarea {
    resize: none;
};
html {
    font-size: 62.5%;
}
body {
    background-color: #f6f6f6;
}
.clear {
    height: 1px;
    overflow: hidden;
    clear: both;
}
a,
img {
    border: 0;
}
a {
    color: #666;
    text-decoration: none;
    &:hover {
        color: #0053a6;
    };
}
li {
    list-style-type: none;
}
#nav {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    background: #FAFAFA;
    .navlist {
        position: relative;
        height: 0.5rem;
        display: -webkit-box;
        .jianbian;
        .bottomshadow;
        li {
            -webkit-box-flex: 1;
            margin: 0;
            height: 0.5rem;
            width: 25%;
            a {
                width: 100%;
                display: inline-block;
                height: 0.5rem;
                border-right: 1px solid #EAEAEA;
                text-align: center;
                span {
                    display: inline-block;
                    width: 0.5rem;
                    height: 0.5rem;
                    background: url("../img/icon/icon.png") no-repeat 0 -.46rem;
                    background-size: 2.14rem auto;
                }
                .active {
                    background-position: 0 0;
                }
            }
        }
        #n_3 {
            a {
                border-right: none;
                span {
                    background-position: -1.01rem -.46rem;
                }
                .active {
                    background-position: -1.01rem 0;
                }
            }
        }
        #n_2 {
            a {
                span {
                    background-position: -1.61rem -.46rem;
                }
                .active {
                    background-position: -1.61rem 0;
                }
            }
        }
        #n_1 {
            position: relative;
            a {
                span {
                    background-position: -.51rem -.46rem;
                }
                .active {
                    background-position: -.51rem 0;
                }
            }
            .cartnums {
                position: absolute;
                top: 0.02rem;
                left: 0.45rem;
                width: 0.18rem;
                height: 0.18rem;
                background-color: red;
                border-radius: 0.09rem;
                color: #fff;
                text-align: center;
                font-size: 1.2rem;
            }
        }
    }
}